import React, { Component } from "react"
import { View, Image ,StyleSheet,Dimensions,ImageBackground,TouchableOpacity,TextInput,Text} from "react-native"
import { Colors } from "react-native/Libraries/NewAppScreen"
const {width,height} = Dimensions.get("window")
export default class Zc extends Component {
    render() {
        return (
            <View style = {styles.containers}>
                <TextInput style={styles.textinput1} placeholder="请输入账号"></TextInput>
                <TextInput style={styles.textinput2} placeholder="请输入密码"></TextInput>
                <View>
                    <TouchableOpacity style ={styles.box1}>
                        <Text style={styles.test1}>注册</Text>
                    </TouchableOpacity>
                </View>
            </View>  
        )
    }
}

const styles=StyleSheet.create({
    containers:{
        flex:1,
        alignItems:"center",
    },
    textinput1:{
        width:width*0.6,
        height:40,
        backgroundColor:"white",
        borderRadius:20,
        marginTop:250,
        fontSize:10,
        borderWidth:2,
    },
    textinput2:{
        width:width*0.6,
        height:40,
        backgroundColor:"white",
        borderRadius:20,
        marginTop:30,
        fontSize:10,
        borderWidth:2,
    },
    test1:{
        fontSize:20,
        color:"white",
    },
    box1:{
        height:height*0.05,
        width:width*0.4,
        backgroundColor:"green",
        borderRadius:20,
        marginTop:50,
        alignItems:"center",
        justifyContent:"center",
        borderWidth:2,
    }
})